<script setup></script>

<template>
  <tool-wrapper>
    <el-icon class="tool-box">
      <svg
        t="1688050908565"
        class="icon"
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="31919"
        width="200"
        height="200"
      >
        <path d="M0 0h1024v1024H0V0z" fill="#202425" opacity=".01" p-id="31920" />
        <path
          d="M256 170.666667A119.466667 119.466667 0 0 1 375.466667 51.2h273.066666A119.466667 119.466667 0 0 1 768 170.666667v170.666666a85.333333 85.333333 0 0 1-85.333333 85.333334H341.333333A85.333333 85.333333 0 0 1 256 341.333333V170.666667z m119.466667-17.066667a17.066667 17.066667 0 0 0-17.066667 17.066667v153.6h307.2V170.666667a17.066667 17.066667 0 0 0-17.066667-17.066667h-273.066666zM68.266667 614.4a34.133333 34.133333 0 0 1 34.133333-34.133333h819.2a34.133333 34.133333 0 0 1 34.133333 34.133333v204.8a136.533333 136.533333 0 0 1-136.533333 136.533333H204.8a136.533333 136.533333 0 0 1-136.533333-136.533333v-204.8z"
          fill="#FF7744"
          p-id="31921"
        />
        <path
          d="M68.266667 375.466667a136.533333 136.533333 0 0 1 136.533333-136.533334h614.4a136.533333 136.533333 0 0 1 136.533333 136.533334v136.533333a34.133333 34.133333 0 0 1-34.133333 34.133333H102.4a34.133333 34.133333 0 0 1-34.133333-34.133333v-136.533333z"
          fill="#FFAA44"
          p-id="31922"
        />
        <path
          d="M375.466667 512a34.133333 34.133333 0 0 1 34.133333-34.133333h204.8a34.133333 34.133333 0 0 1 34.133333 34.133333v102.4a34.133333 34.133333 0 0 1-34.133333 34.133333h-204.8a34.133333 34.133333 0 0 1-34.133333-34.133333v-102.4z"
          fill="#FFFFFF"
          p-id="31923"
        />
      </svg>
    </el-icon>
  </tool-wrapper>
</template>

<style lang="less" scoped>
.tool-box {
  display: inline-block;
  width: 100%;
  height: 100%;
  .icon {
    width: 100%;
    height: 100%;
  }
}
</style>
